<!doctype html>
<html>
<head>
  <title>Demo for closure-lite.js</title>
  <style>
  code, pre { color: green }
  .success { color: green }
  .failure { color: #A00 }
  </style>
  <script src="../../build/closure-lite.js"></script>
  <script src="closure-lite-test.js"></script>
</head>
<body onload="main()">

Make sure to run the following before running this demo page:

<pre>ant closure-lite</pre>

Values in <code>goog.userAgent</code>:

<p></p>

<table border="1" cellpadding="4">
<tr>
  <td><code>OPERA</code></td>
  <td><code id="OPERA"></code></td>
</tr>
<tr>
  <td><code>IE</code></td>
  <td><code id="IE"></code></td>
</tr>
<tr>
  <td><code>GECKO</code></td>
  <td><code id="GECKO"></code></td>
</tr>
<tr>
  <td><code>WEBKIT</code></td>
  <td><code id="WEBKIT"></code></td>
</tr>
<tr>
  <td><code>MAC</code></td>
  <td><code id="MAC"></code></td>
</tr>
<tr>
  <td><code>WINDOWS</code></td>
  <td><code id="WINDOWS"></code></td>
</tr>
<tr>
  <td><code>LINUX</code></td>
  <td><code id="LINUX"></code></td>
</tr>
</table>

<p></p>

Overridding methods: <span id="overrideTest"></span>

<p></p>

Coordinate properties: <span id="coordinateTest"></span>

<p></p>

BrowserEvent properties: <span id="browserEventTest"></span>

<p></p>

Box properties: <span id="boxTest"></span>

</body>
</html>